今天就來研究一下 Capacitor 提供的 Ｇoogle Ｍaps API 有哪些實用的方法吧～～

• create 用來創建一個新的 Google 地圖實例。

const createMap = async () => {
  const mapRef = document.getElementById("map");

  const newMap = await GoogleMap.create({
    id: "my-map", 
    element: mapRef,
    apiKey: "",
    config: {
      center: {
        lat: 25.013514,
        lng: 121.214805,
      },
      zoom: 16,
      disableDefaultUI: true,
    },
  });

• addMarker 在地圖上添加一個標記。

const markerId = await newMap.addMarker({
  coordinate: {
    lat: 25.013514,
    lng: 121.214805,
  },
});
};

• addMarkers 在地圖上添加多個標記

const markers = [
  {
    coordinate: {
      lat: 25.013514,
      lng: 121.214805,
    },
  }
  {
    coordinate: {
      lat: 25.014514,
      lng: 121.215805,
    }
  },
];

const markerIds = await newMap.addMarkers(markers);

• removeMarker 移除地圖上具有給定標識符的標記。

const polygonIds = await newMap.addPolygons([
  {
    coordinates: [
      { lat: 25.013, lng: 121.214 },
      { lat: 25.014, lng: 121.215 },
      { lat: 25.015, lng: 121.216 },
    ],
  },
]);

• removePolygons 移除地圖上具有給定標識符的多邊形。

await newMap.removePolygons(polygonIds);